<template>
  <div class="header fc">
    <h1 class="fl headTitle">数据安全分类分级</h1>
    <el-menu class="fl" :default-active="activeIndex" router mode="horizontal" text-color="#333" active-text-color="#409EFF">
      <el-menu-item :index="'/Dictionary'">主题词典管理</el-menu-item>
      <el-menu-item :index="'/Classification'">分类分级管理</el-menu-item>
      <el-menu-item :index="'/Module'">组件管理</el-menu-item>
    </el-menu>
  </div>
</template>

<script>
export default {
  name: 'Header',
  data () {
    return {
      activeIndex: '/Dictionary'
    }
  },
  created () {
    this.activeIndex = this.$route.path
    // console.log(this.$route)
  }
}
</script>

<style scoped>

</style>
